<template>
    <view class="data-v-274c4a81">
        <view class="data-v-274c4a81" v-if="homeNum == 1">
            <view @tap="__e" :class="['item-container', 'grid3', 'data-v-274c4a81', theme]" :data-event-opts="[['tap', [['$emit', ['click']]]]]" hoverClass="none">
                <view class="thumb-c data-v-274c4a81">
                    <view class="data-v-274c4a81" style="position: absolute; top: 0; right: 0; width: 124rpx; height: 56rpx; z-index: 11" v-if="info.activity_type == 'fudai'">
                        <image class="data-v-274c4a81" src="https://img121.7dun.com/yuanqimali/home/wxsIcon.png" style="width: 100%; height: 100%"></image>
                    </view>
                    <view class="data-v-274c4a81" style="position: absolute; top: 0; right: 0; width: 124rpx; height: 56rpx; z-index: 11" v-if="info.activity_type == 'renyi'">
                        <image class="data-v-274c4a81" src="https://img121.7dun.com/yuanqimali/home/ljsIcon.png" style="width: 100%; height: 100%"></image>
                    </view>
                    <view
                        class="data-v-274c4a81"
                        style="position: absolute; top: 0; right: 0; width: 124rpx; height: 56rpx; z-index: 11"
                        v-if="info.activity_type == 'yifanshang' && info.yfs_type == 0"
                    >
                        <image class="data-v-274c4a81" src="https://img121.7dun.com/yuanqimali/home/yfsIcon.png" style="width: 100%; height: 100%"></image>
                    </view>
                    <block v-else>
                        <view
                            class="data-v-274c4a81"
                            style="position: absolute; top: 0; right: 0; width: 124rpx; height: 56rpx; z-index: 11"
                            v-if="info.activity_type == 'yifanshang' && info.yfs_type == 1"
                        >
                            <image class="data-v-274c4a81" src="https://img121.7dun.com/yuanqimali/home/mlsIcon.png" style="width: 100%; height: 100%"></image>
                        </view>
                    </block>
                    <image class="imgBorder data-v-274c4a81" src="https://img121.7dun.com/yuanqimali/home/proImgBg.png"></image>
                    <image class="thumb data-v-274c4a81" mode="scaleToFill" :src="info.thumb + '?x-oss-process=image/resize,w_300'"></image>
                    <view class="presell-c data-v-274c4a81" v-if="info.is_presell">预售</view>
                </view>
                <view class="body data-v-274c4a81">
                    <view class="title data-v-274c4a81">{{ info.title }}</view>
                    <view class="bottom data-v-274c4a81">
                        <view class="data-v-274c4a81" style="display: flex; justify-content: flex-start; margin-top: 6rpx; align-items: center">
                            <view class="price data-v-274c4a81" style="margin-right: 24rpx">
                                <price-display @__l="__l" class="data-v-274c4a81" :info="info" vueId="d6d1a1a8-1"></price-display>
                            </view>
                            <view class="data-v-274c4a81" v-if="info.pattern != undefined">
                                <view class="yifanshang data-v-274c4a81">
                                    <view class="jingji data-v-274c4a81" v-if="info.pattern == 0">竞技一番赏</view>
                                    <view class="suoxiang data-v-274c4a81" v-if="info.pattern == 1">锁箱一番赏</view>
                                </view>
                            </view>
                            <view class="data-v-274c4a81" v-if="info.is_lord != undefined">
                                <view class="yifanshang data-v-274c4a81" style="height: 18rpx">
                                    <view class="lingzhu data-v-274c4a81" v-if="info.is_lord == 1">领主挑战</view>
                                </view>
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <block v-else>
            <view class="data-v-274c4a81" v-if="homeNum == 0">
                <view @tap="__e" :class="['new-item-container', 'grid3', 'data-v-274c4a81', theme]" :data-event-opts="[['tap', [['$emit', ['click']]]]]" hoverClass="none">
                    <view class="new-thumb-c data-v-274c4a81">
                        <image :class="['p-tag', 'data-v-274c4a81', 'location-' + info.image_tag.location]" :src="info.image_tag.image" v-if="info.image_tag"></image>
                        <image class="thumb data-v-274c4a81" mode="aspectFill" :src="info.thumb + '?x-oss-process=image/resize,w_300'"></image>
                        <view class="presell-c data-v-274c4a81" v-if="info.is_presell">预售</view>
                    </view>
                    <view class="new-body data-v-274c4a81">
                        <view class="bottom data-v-274c4a81" style="width: 90%">
                            <view class="price data-v-274c4a81">{{ '奖品价值：' + info.all_money_price / 100 + '元 (' + info.all_total + '件商品)' }}</view>
                        </view>
                        <view class="data-v-274c4a81" style="font-size: 24rpx; color: #dddddd; margin-bottom: 10rpx">
                            <text class="data-v-274c4a81" style="color: #6c727a">距离开奖仅剩：</text>
                            <count-down
                                @__l="__l"
                                class="text data-v-274c4a81"
                                :end="info.emit_time"
                                :start="info.emit_time"
                                style="text-align: right"
                                vueId="d6d1a1a8-2"
                            ></count-down>
                        </view>
                        <view class="title data-v-274c4a81">{{ info.title }}</view>
                    </view>
                    <view class="new-foot data-v-274c4a81">查看详情</view>
                </view>
            </view>
            <view class="data-v-274c4a81" v-else>
                <view @tap="__e" :class="['two-item-container', 'grid3', 'data-v-274c4a81', theme]" :data-event-opts="[['tap', [['$emit', ['click']]]]]" hoverClass="hover">
                    <view class="thumb-c data-v-274c4a81">
                        <image :class="['p-tag', 'data-v-274c4a81', 'location-' + info.image_tag.location]" :src="info.image_tag.image" v-if="info.image_tag"></image>
                        <image class="thumb data-v-274c4a81" mode="scaleToFill" :src="info.thumb + '?x-oss-process=image/resize,w_300'"></image>
                        <view class="presell-c data-v-274c4a81" v-if="info.is_presell">预售</view>
                    </view>
                    <view class="body data-v-274c4a81">
                        <view class="title data-v-274c4a81">{{ info.title }}</view>
                        <view class="bottom data-v-274c4a81">
                            <view class="data-v-274c4a81" style="display: flex; justify-content: flex-start; margin-top: 24rpx; align-items: center">
                                <view class="price data-v-274c4a81" style="margin-right: 24rpx">
                                    <price-display @__l="__l" class="data-v-274c4a81" :info="info" vueId="d6d1a1a8-3"></price-display>
                                </view>
                                <view class="data-v-274c4a81" v-if="info.pattern != undefined">
                                    <view class="yifanshang data-v-274c4a81">
                                        <view class="jingji data-v-274c4a81" v-if="info.pattern == 0">竞技一番赏</view>
                                        <view class="suoxiang data-v-274c4a81" v-if="info.pattern == 1">锁箱一番赏</view>
                                    </view>
                                </view>
                                <view class="data-v-274c4a81" v-if="info.is_lord != undefined">
                                    <view class="yifanshang data-v-274c4a81" style="height: 18rpx">
                                        <view class="lingzhu data-v-274c4a81" v-if="info.is_lord == 1">领主挑战</view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </block>
    </view>
</template>

<script>
import priceDisplay from '@/components/PriceDisplay/PriceDisplay';
import countDown from '@/components/CountDown/CountDown';
import tabBar from '@/components/TabBar/tabBar';
(global.webpackJsonp = global.webpackJsonp || []).push([
    ['components/ActivityItem/Grid2'],
    {
        5603: function (t, n, e) {
            'use strict';

            var o = e('d1ef');
            e.n(o).a;
        },
        '75bc': function (t, n, e) {
            'use strict';

            e.d(n, 'b', function () {
                return c;
            });
            e.d(n, 'c', function () {
                return i;
            });
            e.d(n, 'a', function () {
                return o;
            });
            var o = {
                PriceDisplay: function () {
                    return e.e('components/PriceDisplay/PriceDisplay').then(e.bind(null, '6b05'));
                },
                CountDown: function () {
                    return e.e('components/CountDown/CountDown').then(e.bind(null, '2fed'));
                }
            };
            var c = function () {
                this.$createElement;
                this._self._c;
            };
            var i = [];
        },
        '8fdd': function (t, n, e) {
            'use strict';

            e.r(n);
            var o = e('95f2');
            var c = e.n(o);
            for (var i in o) {
                if (['default'].indexOf(i) < 0) {
                    (function (t) {
                        e.d(n, t, function () {
                            return o[t];
                        });
                    })(i);
                }
            }
            n.default = c.a;
        },
        '95f2': function (t, n, e) {
            'use strict';

            Object.defineProperty(n, '__esModule', {
                value: true
            });
            n.default = void 0;
            var o = {
                props: {
                    homeNum: {
                        type: Number,
                        default: 0
                    },
                    info: {
                        type: Object,
                        default: function () {
                            return {};
                        }
                    },
                    tag: {
                        type: String
                    },
                    theme: {
                        type: String,
                        default: function () {
                            return 'default-theme';
                        }
                    }
                },
                data: function () {
                    return {};
                },
                computed: {
                    tagString: function () {
                        return (this.info && this.info.tags && this.info.tags[0]) || ' ';
                    }
                },
                created: function () {},
                methods: {}
            };
            n.default = o;
        },
        d1ef: function (t, n, e) {},
        fcdb: function (t, n, e) {
            'use strict';

            e.r(n);
            var o = e('75bc');
            var c = e('8fdd');
            for (var i in c) {
                if (['default'].indexOf(i) < 0) {
                    (function (t) {
                        e.d(n, t, function () {
                            return c[t];
                        });
                    })(i);
                }
            }
            e('5603');
            var u = e('f0c5');
            var r = Object(u.a)(c.default, o.b, o.c, false, null, '274c4a81', null, false, o.a, void 0);
            n.default = r.exports;
        }
    }
]);
(global.webpackJsonp = global.webpackJsonp || []).push([
    'components/ActivityItem/Grid2-create-component',
    {
        'components/ActivityItem/Grid2-create-component': function (t, n, e) {
            e('543d').createComponent(e('fcdb'));
        }
    },
    [['components/ActivityItem/Grid2-create-component']]
]);
</script>
<style>
@import './Grid2.css';
</style>
